import React, { Component } from 'react';
import "../../../cartFont.css"
import "./MyOrderDetail.scss"
import {withRouter} from "react-router-dom";

class MyOrderDetail extends Component {
    state = {
        datas: JSON.parse(localStorage.getItem("product"))
    }
    handleGoBack = (params) => {
        this.props.history.go(-1);
    }
    render() {
        return (
            <div className="OrderDetail">
                <div className="OrderDetailTitle">
                    <i className="iconfont icon-left-arrow" onClick={this.handleGoBack}></i>
                    <h3>填写订单</h3>
                    <div className="titleRight"></div>
                </div>
                <div className="orderBox">
                    <div className="userMessage">
                        <div className="location">
                            <i className="iconfont icon-location"></i>
                        </div>
                        <div className="useMsg">
                            <div className="use">
                                <strong className="userName">秃头</strong>
                                <strong className="usePhone">13610120236</strong>
                            </div>
                            <div className="addressBox">
                                <p className="address">地址：广东省深圳市宝安区梵蒂冈梵蒂冈反对各个地方的反对广泛的分xxxx街道xxxxxx号</p>
                                <i className="iconfont icon-right-arrow"></i>
                            </div>
                        </div>
                    </div>
                    <div className="total">
                        <div className="price">
                            <span>商品合计</span>
                            <span className="money">￥5435</span>
                        </div>
                        <div className="freight">
                            <span>运费</span>
                            <span className="freightMoney">￥435</span>
                        </div>
                    </div>
                    <div className="leaveMessage">
                        <p className="MessageTo">给商家留言</p>
                        <textarea name="" id="" placeholder="请输入留言..."></textarea>
                    </div>
                    <div className="products">
                        <p className="shopName">阿玛尼旗舰店</p>
                        <div className="product">
                            <div className="productImg">
                                <img src="https://img.alicdn.com/imgextra/i2/3527212490/O1CN014yzRLf1UGSrfR2bsz_!!0-item_pic.jpg_60x60q90.jpg" alt="" />
                            </div>
                            <div className="productMsg">
                                <p className="productName">Armani阿玛尼红气垫菁华粉底液遮瑕保湿持妆控油</p>
                                <span className="productPrice">￥343</span>
                                <span className="multiply">×</span>
                                <span className="productCount">1</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div className="func">
                    <div className="total">
                        <span>应付款：</span>
                        <span className="money">￥345</span>
                    </div>
                    <p className="pay">去付款</p>
                </div>
            </div>
        );
    }
}

export default withRouter(MyOrderDetail);
